<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>解决方案</title>
		<link rel="stylesheet" type="text/css" href="bootstrap4/bootstrap4/css/bootstrap.css" />
		<script type="text/javascript" src="js/jquery-3.31.min.js"></script>
		<script src="bootstrap4/bootstrap4/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css" />
		<style type="text/css">
			.xian {
				border-bottom: 2px solid #f1f1f1;
			}
			
			.breadcrumb {
				background-color: white;
			}
			
			.breadcrumb-item+.breadcrumb-item::before {
				display: inline-block;
				padding-right: 0.5rem;
				color: #6c757d;
				content: "";
			}
			
			.a-color {
				color: #000000;
				text-decoration: none;
			}
			
			.a-color:hover {
				color: #000000;
				text-decoration: none;
			}
			
			.ddd {
				width: 14%;
				text-align: center;
			}
			
			.bg-pat {
				background: url(img/promo_banner_bg.jpg) no-repeat;
			}
			
			.aaaa {
				background: url(img/footer.jpg) no-repeat;
			}
			
			.fangan {
				display: block;
				color: #0e90d2;
				font-weight: 600;
				font-size: 100%;
			}
			
			.fangan:hover {
				color: #095f8a;
				text-decoration: none;
			}
			
			.fangan-2 {
				display: block;
				color: #84d6f5;
				font-weight: 600;
				font-size: 100%;
			}
			
			.fangan-2:hover {
				color: #84d6f5;
				text-decoration: none;
			}
			
			ul {
				list-style: none;
				padding-left: 0px;
			}
			
			.foot-foot>li {
				border-bottom: 1px solid #4c516f;
				line-height: 50px;
			}
			
			.foot-foot a {
				color: #FFFFFF;
			}
			
			.foot-foot a:hover {
				text-decoration: none;
				color: #FFFFFF;
			}
			
			.bian {
				color: #191919;
				text-decoration: none;
			}
			
			.bian:hover {
				color: #ff9900;
				!important text-decoration: none;
				!important
			}
			
			.daohang li {
				/*width: 14.2%;*/
				padding: 0px 3.8%;
				text-align: center;
			}
		</style>
	</head>

	<body>
		<div class="container-fluid" style="background: red;">
			<div class="container">
				<div class="row">
					<div class="col-11" style="line-height: 30px;color: #fff;">
						欢迎访问深圳美图视显示设备有限公司官方网站
					</div>
					<div class="col-1" style="line-height: 30px;color: #fff;">
						<a href="Login.html" style="text-decoration: none; color: #fff;">
							<i class="fa fa-user-o" aria-hidden="true"></i>&nbsp; 登陆
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="sticky-top mt-0" style="background-color: #FFFFFF;border-top: 0px solid #e9e9e9;box-shadow: 0 -1px #fff;">
			<div class="container pt-3">
				<div class="row">
					<div class="col"><img style="width: 100%;" src="img/logo.png" /></div>
					<div class="col"></div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-phone pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								咨询服务电话M:13692128986
							</div>
						</div>
					</div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-envelope pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								<div>szmts@163.com</div>
								<div>随时欢迎您的来信！</div>
							</div>
						</div>
					</div>
					<div class="col d-none d-xl-block">
						<div class="row">
							<div class="col-lg-2"><i class="fa fa-university pt-3" aria-hidden="true" style="color: red;"></i></div>
							<div class="col-lg-10">
								深圳市宝安区福永街道 塘尾工业大道汇发科技园C座A
							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="container-fluid mt-3" style="border-top: 1px solid #e9e9e9;box-shadow: 0 1px 3px #e9e9e9;">
				<div class="container">
					<div class="row" style="height: 70px; ;">
						<nav class="navbar navbar-expand-lg navbar-light p-0 border-0" style="width: 100%;">
							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
												<span class="navbar-toggler-icon"></span>
											</button>
							<div class="collapse navbar-collapse" id="navbarSupportedContent" style="width: 100%;">
								<ul class="navbar-nav mr-auto m-0 daohang text-center bg-white" style="width: 100%;">

									<li class="nav-item active">
										<a class="nav-link bian" href="Login.html">首页 <span class="sr-only">(current)</span></a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="AboutUs.html">关于我们</a>
									</li>
									<li class="nav-item dropdown active">
										<a class="nav-link dropdown-toggle bian" href="ProductList.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											产品中心
										</a>
										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
											<a class="dropdown-item" href="#">拼接屏</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">显示器</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">网络版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">单机版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">安卓触摸一体机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">Windows触摸一体机</a>
										</div>
									</li>
									<li class="nav-item dropdown active">
										<a class="nav-link dropdown-toggle bian" href="SuccessCases.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
											成功案例
										</a>
										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
											<a class="dropdown-item" href="#">拼接屏</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">显示器</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">网络版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">单机版广告机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">安卓触摸一体机</a>
											<div class="dropdown-divider"></div>
											<a class="dropdown-item" href="#">Windows触摸一体机</a>
										</div>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="Solution.html">解决方案</a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="NewsCenter.html">新闻中心</a>
									</li>
									<li class="nav-item active">
										<a class="nav-link bian" href="ContactUs.html">联系我们</a>
									</li>
								</ul>
							</div>
						</nav>
					</div>
				</div>
			</div>
		</div>

		<div class="container-fluid m-0 p-0">
			<img src="img/soultion/banner7.png" style="width: 100%;" />
		</div>

		<div class="container-fluid xian p-0">
			<div class="container">
				<div class="row">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb">
							<li class="breadcrumb-item">
								<a class="a-color" href="#">首页</a>
							</li>
							<li style="color: #999999;" class="breadcrumb-item active" aria-current="page">
								<i style="color: #999999;" class="fa fa-angle-double-right"></i> 解决方案
							</li>
						</ol>
					</nav>
				</div>
			</div>
		</div>

		<br /><br />
		<div class="container">
			<div class="mt-5 text-center">
				<div style="font-size: 20px;line-height: 30px;color: #9b9b9b;margin: 13px 0 0;text-indent: 2em;">
					<div>专业的团队为您提供一站式全链条解决方案，让您省心省力！</div>
					<div>Your Solution is my target.</div>
				</div>
			</div>
		</div>

		<div class="container">
			<div class="row">

				<div class="col-lg-4 my-5">
					<img src="img/soultion/xunjing.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">公安交巡警行业大屏幕拼接解决方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>151次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						随着我国国民经济的高速发展，众多行业（公安、交警、电信、银行、证券、通信、交通、建筑、卫生、机场、 军队等以及企事业单位）对于终端显示设备的要求朝着大型化、高清晰化...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

				<div class="col-lg-4 my-5">
					<img src="img/soultion/jinju.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">液晶拼接屏在安防行业中的解决方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>146次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						进入2019年，随着经济水平和科学技术的飞快发展，人们对安全防范要求也越来越高。为了对付各种各样的经济刑事犯罪， 保护国家和人民群众的生命财产的安全，保证各行各业和国家重...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

				<div class="col-lg-4 my-5">
					<img src="img/soultion/tanchu.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">液晶拼接显示系统安装调试施工方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>76次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						拼接大屏幕基本构成: ①液晶拼接单元 ②图像控制处理器 ③控制软件 ④机柜 ⑤各种线材 1.液晶拼接单元：包含 DID液晶屏 、驱动单元机芯、固定架 DID液晶屏：松浩科技拼接墙采用DID液...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

				<div class="col-lg-4 my-5">
					<img src="img/soultion/four.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">液晶拼接显示屏黑屏解决方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>68次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						液晶拼接显示屏在人们的生活中被广泛使用，当屏幕出现黑屏的情况时，无需束手无策，今天小编来为大家 总结一下关于液晶拼接屏幕黑屏的解决方案，在这之前，小编先带大家了解一...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

				<div class="col-lg-4 my-5">
					<img src="img/soultion/five.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">拼接屏多点触摸系统解决方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>93次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						随着多媒体信息查询的与日俱增，人们越来越多地谈到触摸屏，因为触摸屏不仅适用于 中国多媒体信息查询的国情，而且触摸屏具有坚固耐用、反应速度快、节省空间、易于交流等许多...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

				<div class="col-lg-4 my-5">
					<img src="img/soultion/six.jpg" style="width: 100%;height: 263px;" />
					<a class="fangan h3 my-4" href="#">竖屏液晶拼接屏解决方案</a>
					<div style="font-size: 14px;color: #969696;">
						<span class="mr-4">2019-06-22</span>
						<span>75次查阅</span>
					</div>
					<div class="my-4" style="font-size: 14px;color: #969696;line-height: 20px;">
						竖屏液晶拼接屏 指的是非常常规的一种拼接方式，因为我们正常安装大屏时，往往都是横 向安装，这样即可以保留屏幕的比例按照16：9的比例显示，安装又方便，同时还符合一般的房间...
					</div>
					<a class="fangan-2" href="#">Read More &nbsp;<i class="fa fa-arrow-right "></i></a>
				</div>

			</div>
			<div class="text-center mt-5">
				<span class="p-2" style="border:1px solid #ddd;color: #999999;">
					共 <strong>1</strong>页<strong>6</strong>条记录
				</span>
			</div>
		</div>

		<br /><br />
		<div class="container-fluid" style="background-image: url(img/pattern-light.png);">
			<br /><br /><br />
			<div class="container">
				<div class="row">
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-phone text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-envelope text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
					<div class="col-lg-4 my-2">
						<div class="border shadow text-center" style="background-color: #FFFFFF;">
							<div class="my-4">
								<h1><i class="fa fa-map-marker text-info"></i></h1>
							</div>
							<div class="mt-4">
								<h5>联系我们</h5>
							</div>
							<p class="my-5">免费咨询电话</p>
							<div class="my-5">M:13692128986 <br /> 周一-周日, 8am - 7pm</div>
							<div><button class="btn btn-info mb-5">立即致电</button></div>
						</div>
					</div>
				</div>
			</div>
			<br /><br /><br /><br />
		</div>

		<div class="container-fluid aaaa" style="margin: 0px;padding: 0px;">
			<div style="background: #3d4164;opacity: 0.8;">
				<div class="container">
					<div class="row">
						<div class="col" style="color: #FFFFFF;">
							<h5 class="my-5">关于我们</h5>
							<div>
								深圳美图视专注于多媒体显示技术领域的研究，专业从事多媒体显示产品及系统解决方案的研发。 经过不断地探索学习、资源整合，现已发展成为一家集研发、制造、销售、服务于一体的高新技术企业
							</div>
							<div>

							</div>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">产品中心</h5>
							<ul class="foot-foot">
								<li>
									<a href="#">拼接屏</a><i style="float: right;">></i></li>
								<li>
									<a href="#">监视器</a><i style="float: right;">></i></li>
								<li>
									<a href="#">网络版广告机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">单机版广告机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">安卓触摸一体机</a><i style="float: right;">></i></li>
								<li>
									<a href="#">Windows触摸一体机</a><i style="float: right;">></i></li>
							</ul>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">成功案例</h5>
							<ul class="foot-foot">
								<li>
									<a href="#">政府机关</a><i style="float: right;">></i></li>
								<li>
									<a href="#">医疗单位</a><i style="float: right;">></i></li>
								<li>
									<a href="#">教育培训</a><i style="float: right;">></i></li>
								<li>
									<a href="#">商场百货</a><i style="float: right;">></i></li>
								<li>
									<a href="#">企业公司</a><i style="float: right;">></i></li>
								<li>
									<a href="#">其他</a><i style="float: right;">></i></li>
							</ul>
						</div>
						<div class="col d-none d-xl-block" style="color: #FFFFFF;">
							<h5 class="my-5">联系详情</h5>
							<div class="mt-3">
								<i class="fa fa-phone"></i>
								<span class="mr-1">服务专线:</span>
								<b class="mr-1" style="color: red;">13692128986</b>
							</div>
							<div class="mt-3">
								<i class="fa fa-envelope"></i>
								<span class="mr-1">szmts@163.com</span>
							</div>
							<div class="mt-3">
								<i class="fa fa-university"></i>
								<span class="mr-1">深圳市宝安区福永街道塘尾工业大道汇发科技园C座A</span>
							</div>
							<div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			//把其中click.bs.dropdown.data-api事件关闭
			$(document).ready(function() {
				$(document).off('click.bs.dropdown.data-api');
			});

			/**
			 * 鼠标划过就展开子菜单，免得需要点击才能展开
			 */
			dropdownOpen();
			//设置鼠标悬停展开下拉菜单
			function dropdownOpen() {
				$('.dropdown').mouseover(function() {
					console.log("aaa");
					$(this).addClass('show');
					//查找当前元素子节点中的对象，修改其class
					//这样当有多个下拉菜单时，可以分别独立处理，而不会出现都下拉的bug
					$(this).find(".dropdown-menu").addClass('show');
				}).mouseout(function() {
					$(this).find(".dropdown-menu").removeClass('show');
					$(this).removeClass('show');
				});
			}
		</script>
	</body>